/*banner*/ 
.bannerbox{ position:relative} 
.banner{height:676px; position:relative; z-index:1}
.banner .item{ height:676px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:11px; height:11px; border:1px solid #fff; border-radius:50%; margin:0 8px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#d1ae79; border:1px solid #d1ae79  }
.banner .slick-dots button{ display:none}
 
.nbanner{  background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden}

 
.nbanner img{ width:100%; display:block}
.pathbox{ height:50px;}
.pathbox .weap{ max-width:1200px;}

.lanmunav{ height:60px; border-bottom:1px solid #f0f0f0; line-height:59px;}
.lanmunav .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmunav .path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:30px; background:url(../images/ico-home.png) no-repeat center left; background-size:auto 20px}
.lanmunav .path i{ margin:0 5px}
.lanmunav ul{ font-size:0;}
.lanmunav li{ display:inline-block; vertical-align:middle; margin-left:30px}
.lanmunav li a{ display:block; font-size:14px;  position:relative}
 
.lanmunav li.on a{  color:#f9bb04}
.lanmunav li.on a:after{ content:""; display:block; left:0; right:0; height:2px; position:absolute; z-index:1; bottom:0; background-color:#f9bb04}


.column{ border-bottom:1px solid #dddddd;}
.column .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;line-height:65px; }
.column .weap h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; font-size:24px; font-weight:normal}
.column .weap li{ float:left; margin-left:1.5vw}
.column .weap li a{ display:block; line-height:65px; font-size:18px; position:relative}
.column .weap li.on a:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0; height:4px; background-color:#030305; bottom:-1px;}

.pagebox{ max-width:1140px; margin:0 auto;}
.pagebox .conn{ overflow:hidden; font-size:16px; line-height:2}
.pagebox .conn a{ font-size:16px}
.pagebox .title{ text-align:center; font-size:30px; margin-bottom:50px; font-weight:normal; line-height:1.4}
.pagebox .conn img{ max-width:100%; height:auto !important}

.lanmumain{ padding-top:100px; padding-bottom:80px;}
.lanmumain.lanmumpr{ background-color:#f4f4f4; padding-top:30px}
.lanmumain.lanmumprpage{ background-color:#f4f4f4; }

.attributeslist{ background-color:#fff; font-size:16px; margin-bottom:45px;}
.attributeslist a{ font-size:16px}
.attributeslist .ul{ border-bottom:1px solid #f5f5f5; position:relative; padding:20px; padding-bottom:10px; overflow:hidden; font-size:0}
.attributeslist .ul .t{ float:left; margin-right:10px; font-size:16px; overflow:hidden}
.attributeslist  ul{ overflow:hidden}
.attributeslist  ul li{ display:inline-block; margin-right:20px; margin-bottom:10px}
.attributeslist  ul li a{ display:block; padding:0 10px; border-radius:5px; line-height:25px;}
.attributeslist  ul li.on a{ background-color:#030305; color:#fff;}

.productlist .bd ul{ overflow:hidden; margin-left:-22px; margin-right:-22px;}
.productlist .bd li a{ display:block; background-color:#fff;  margin:0 22px;}
.productlist .bd li{ float:left; width:33.33%; margin-bottom:38px;}
.productlist .bd li h3{ line-height:88px; padding:0 30px; font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center}
.productlist .bd li .img{ overflow:hidden;height:250px; text-align:center;  line-height:250px; font-size:0}
.productlist .bd li .img img{ display:inline-block; max-height:100%; max-width:100%;object-fit: cover; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; margin:0 auto;}
.productlist .bd li a:hover .img img{ transform:scale(1.1)}

.productpage{ background-color:#fff; padding:50px 40px; max-width:1440px; margin:0 auto}
.productpage .title{ text-align:center; font-size:36px; font-weight:normal; line-height:1.4; margin-bottom:40px}
.productpage .conn{ font-size:16px; line-height:2; padding-bottom:70px; overflow:hidden}
.productpage .conn a{ font-size:16px;}
.productpage .conn img{ max-width:100%; height:auto !important}

.prevnext{ border-top:1px solid #dddddd; padding:70px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.prevnext .flex1{ text-align:center}
.prevnext .plist{ height:90px; line-height:90px; background-color:#222222; text-align:center; display:inline-block; font-size:16px; color:#fff; padding:0 45px;}
.prevnext .plist:before{ content:""; display:inline-block; width:30px; height:30px; vertical-align:middle; background:url(../images/ico-plist.png) no-repeat center; background-size:100%; margin-right:10px}
.prevnext .prev{ flex:0 0 200px; width:200px; font-size:20px; font-weight:bold}
.prevnext .prev:hover:before{ background-color:#ddd}
.prevnext .prev:before{ content:""; display:inline-block; width:60px; height:60px; vertical-align:middle; background:url(../images/ico-pprev.png) no-repeat center; background-size:50%; margin-right:20px; border:1px solid #dddddd}
.prevnext .next{ flex:0 0 200px; width:200px; text-align:right; font-size:20px; font-weight:bold}
.prevnext .next:after{ content:""; display:inline-block; width:60px; height:60px; vertical-align:middle; background:url(../images/ico-pnext.png) no-repeat center; background-size:50%; margin-left:20px; border:1px solid #dddddd}
.prevnext .next:hover:after{ background-color:#ddd}

.newslist .bd li{ margin-bottom:35px; overflow:hidden;  }
.newslist .bd li a{ display:block;background-color:#fff;position:relative;padding-left:495px; font-weight:normal; padding-right:60px}
.newslist .bd li .txt{ height:250px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.newslist .bd li .date{ text-align:center; color:#333}
.newslist .bd li .date .d{ font-size:48px; font-weight:bold; line-height:1}
.newslist .bd li .date .y{ font-size:16px}
.newslist .bd li .img{ width:450px; position:absolute; z-index:1; left:0;top:0; bottom:0; width:450px; overflow:hidden}
.newslist .bd li .img span{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.newslist .bd li .ms{ border-left:1px solid #e1e1e1; padding-left:50px; margin-left:50px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.newslist .bd li .ms h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:20px; font-weight:normal; margin-bottom:10px}
.newslist .bd li .ms .p{ font-size:14px; line-height:1.8; color:#999; height:50px; overflow:hidden}
.newslist .bd li .more span{ display:block; width:60px; height:60px; border:1px solid #dddddd; margin-left:75px; background:url(../images/ico-pnext.png) no-repeat center; background-size:50%}
.newslist .bd li a:hover h3{ font-weight:bold}
.newslist .bd li a:hover .more span{ background-color:#eee}

.designmain{ background:url(../images/0bg.jpg) no-repeat center top; background-size:cover; padding-top:1px}
.designbox{ min-height:100vh; padding:60px 50px 120px; background-color:rgba(255,255,255,.5); max-width:1140px; margin:0 auto; margin-top:140px; margin-bottom:60px}

.designbox .title{ text-align:center; margin-bottom:40px}
.designbox .title h3{ font-size:98px; font-weight:normal}
.designbox .title h3 i{ font-size:110px; position:relative;top:10px}
.designbox .title .p{ font-size:22px}
.designbox .title .p:after,.designbox .title .p:before{ content:""; display:inline-block; vertical-align:middle; height:1px; width:125px; background-color:#000}
.designbox .title .p span{ font-style:italic; margin:0 80px;}

.designbox .hd{ font-size:18px; text-align:center; margin-bottom:100px}
.formlist ul{ overflow:hidden}
 
.formlist ul li input{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; height:40px; width:100%; padding:0 10px; position:relative; z-index:3; background:none; border:none;border-bottom:1px solid #000}
.formlist ul li .libox{ margin:0 20px;position:relative; }
.formlist ul li label{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; position:absolute; z-index:4; left:0; right:0;top:0; height:40px; line-height:40px; padding:0 10px; cursor:text}
.formlist ul li input:focus + label{top:40px; font-size:12px; line-height:20px}
.formlist ul li input:focus { border:1px solid #000}

.btnbox{ margin:0 20px; text-align:right}
.btnbox .btn{ cursor:pointer; background:none; border:none; font-size:16px;}

.qalist .hd{ text-align:center; border-bottom:1px solid #000; padding-bottom:100px; margin-bottom:60px; padding-top:100px; background-color:#f8f8f8}
.qalist .hd h3{ font-size:40px; font-weight:normal; margin-bottom:20px}
.qalist .hd .p{ color:#666}

.foldpanel{ max-width:1200px; margin:0 auto}
.foldpanel dd{ display:none; background-color:#f5f5f5; padding:20px; font-size:16px; }
.foldpanel dt{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; min-height:80px; border-bottom:1px solid #dddddd; font-size:18px; padding:10px 20px; cursor:pointer;padding-right:54px; position:relative}
.foldpanel dt:before{ content:""; display:block; width:16px; height:16px; position:absolute; z-index:1; right:10px;top:32px;background:url(../images/ico-d.png) no-repeat center; background-size:100%}
.foldpanel dt.on{ background-color:#3d4045; color:#fff}
.foldpanel dt.on:before{ display:none}
.foldpanel dt .t{ position:relative; }

.lanmumain.lanmumqa{ padding-top:0}
 
.lanmuplo{ text-align:center; margin-bottom:35px;}
.lanmuplo h3{ font-size:36px; line-height:1.1}
.lanmuplo:after{ content:""; display:block; width:68px; height:3px; background-color:#f9bb04; margin:0 auto; margin-top:30px}

.index01{ background-color:#efefef; padding:65px 0}
.index01 .bd ul{ margin:0 -10px;}
.index01 .bd li{ float:left; width:20%;}
.index01 .bd li a{ display:block; margin:0 10px; position:relative; overflow:hidden}
.index01 .bd li .img{ overflow:hidden; height:402px}
.index01 .bd li .img img{ display:block; width:100%; height:100%; object-fit: cover;}
.index01 .bd li .title{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s; position:absolute; z-index:1; left:0; right:0; height:90px; background:rgba(0,0,0,.8); bottom:0; text-align:center}
.index01 .bd li .title h3{color:#fff ; font-size:20px; font-weight:normal; position:relative;top:50%; transform:translateY(-50%)}
 
.index01 .bd li .txt{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:rgba(39,42,48,.9); transform:translateY(-120%)}
.index01 .bd li .txt .t{ color:#f9ba00; font-size:24px; position:relative; text-align:center; z-index:2;top:50%; transform:translateY(-50%)} 
.index01 .bd li .txt .t h4{ font-weight:normal}
.index01 .bd li .txt .t i{ display:block; width:40px; height:40px; margin:0 auto; background:url(../images/ico-arrow.png) no-repeat center; background-size:100%; margin-top:10px}

.index01 .bd li a:hover .title{ transform:translateY(120%)}
.index01 .bd li a:hover .txt{ transform:translateY(0)}

.plo{ text-align:center; line-height:1.1; margin-bottom:15px;}
.plo h3{ font-size:35px; font-weight:bold}
.plo .eng{ font-size:18px; text-transform:uppercase; margin-top:13px; font-weight:lighter}

.index02{ padding:60px 0}
.index02 .hd{ text-align:center; margin-bottom:70px;}
.index02 .hd li{ display:inline-block;}
.index02 .hd li a{ display:block; min-width:160px; line-height:55px; border:1px solid #cccccc; font-size:16px; font-weight:bold; border-radius:55px; color:#666; margin:0 6px}
.index02 .hd li.on a{ background-color:#f9bb04; border:1px solid #f9bb04; color:#fff}
.index02 .bd{ margin:0 -10px;}
.index02 .bd a{ display:block; margin:0 10px; border:1px solid #ececec}
.index02 .bd .img img{ display:block; width:100%; height:100%;object-fit: cover;    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;}
.index02 .bd a:hover .img img{ transform:scale(1.1)}	
.index02 .bd .img{ padding:10px; overflow:hidden; height:378px}
.index02 .bd h3{ background-color:#f3f3f3; line-height:60px; padding:0 10px; font-size:16px; text-align:center}
.index02 .bd .slick-arrow{ position:absolute; z-index:2; width:60px; height:60px; overflow:hidden;top:50%; margin-top:-30px; border:none; background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-999px; background-color:transparent; cursor:pointer}
.index02 .bd .slick-prev{ left:-20px;background-image:url(../images/ico-prev.png)}
.index02 .bd .slick-next{ right:-20px;background-image:url(../images/ico-next.png)}
 

.index03{ background:url(../images/index034bg.jpg) no-repeat center; background-size:cover; padding:110px; min-height:682px; color:#fff; text-align:center}
.index03 .paying{ width:70px; height:70px; margin:0 auto; background:url(../images/ico-pay.png); margin-bottom:30px; background-repeat:no-repeat; background-position:center; background-size:100%; cursor:pointer}
.index03 .ps{ max-width:1034px; margin:0 auto; font-size:16px; line-height:2}
.index03 .ps p{ text-indent:2em}
.index03 .more{ margin-top:80px}
.index03 .more a{ display:inline-block;width: 200px;
    height: 60px;
    border: 2px solid #f9bb04;
    line-height: 60px;
    text-align: center;
    color: #f9bb04; font-size:18px;}
.index03 .more a:hover{ background-color:#f9bb04; color:#fff }	

.index04{ padding:80px 0;background:url(../images/index04bg.jpg) no-repeat center; background-size:cover;}
.index04 .bd li{ float:left; width:33.33%}
.index04 .bd ul{ margin:0 -10px}
.index04 .bd li a{ display:block; margin:0 10px;}
.index04 .bd li .img{ overflow:hidden; height:320px;  }
.index04 .bd li .img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; width:100%; height:100%;object-fit: cover;}
.index04 .bd li a:hover img{ transform:scale(1.1)}
.index04 .bd li .txt{ background-color:#fff; position:relative; z-index:3; margin:0 15px;margin-top:-49px; padding:10px 25px; }
.index04 .bd li h3{ font-weight:normal; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px; line-height:39px; border-bottom:1px solid #e5e5e5}
.index04 .bd li .date{ color:#666; height:44px; overflow:hidden}

.index05{ background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:70px; padding-bottom:120px}
.index05 .plo{ margin-bottom:50px}
.index05 .bd ul{ font-size:0; text-align:center}
.index05 .bd li{ display:inline-block; width:18%; height:120px;  overflow:hidden;  margin:0 1%; margin-bottom:20px;  border: 1px solid #ddd;}
.index05 .bd li .a{top: 50%;
    position: relative;
    transform: translateY(-50%);   }
.index05 .bd li .a img{ width:80%} 
.index05 .more{ margin-top:120px; text-align:center}
.index05 .more a{ display:inline-block; width:180px; height:40px; border:1px solid #f9bb04; background-color:#f9bb04; color:#fff; border-radius:40px; line-height:40px;}
.index05 .more a:hover{ background-color:#fff; color:#f9bb04;}

.index055{padding-top:20px; padding-bottom:1px}
.index055 .bd ul{ font-size:0; text-align:center}
.index055 .bd li{ display:inline-block; width:18%; height:120px;  overflow:hidden;  margin:0 1%; margin-bottom:20px;  border: 1px solid #ddd;}
.index055 .bd li .a{top: 50%;
    position: relative;
    transform: translateY(-50%);   }
.index055 .bd li .a img{ width:80%} 

.contactmain{    background: url(../images/contact.jpg) no-repeat center top; background-size: cover; }
.contactbox{ min-height:100vh;  padding-top:0;}

.contactbox .weap{max-width:1200px}
.contactbox .cformlist{float:left; width:45%}
.cformlist ul{max-width:500px;}
.cformlist .hd{border-bottom:1px dashed #ccc; margin-bottom:30px; max-width:408px;}
.cformlist .hd h3{font-size:30px; font-weight:bold}
.cformlist .hd .eng{font-size:18px; font-weight:bold}
.cformlist ul li{margin-bottom:10px}
.cformlist ul li .t{padding-top: 8px; padding-bottom: 10px; color: #000; font-size: 16px;}
.cformlist .input{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;padding: 10px 10px; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #999 inset; -webkit-box-shadow: 5px 5px 5px #999 inset; box-shadow: 0 0 0 #002b5a, 1px 1px 1px #eee inset; width:100%; background: #cccccc !important; color:#4b5f7e}
.cformlist .input:focus,.cformlist textarea:focus{border:1px solid #002b5a;-webkit-box-shadow:0 0 2px #002b5a;-moz-box-shadow:0 0 2px #002b5a;box-shadow:0 0 10px #002b5a, 1px 1px 1px #eee inset;}
.cformlist textarea{height:200px}
.cformlist .btn_3{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;display: inline-block; padding: 10px 50px; border: none; background-color: #666666; color: #fff; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer}
.cformlist .btn_3:hover{background-color:#d1ae79;}

.contactbox .ctxt{ float:right; width:45%; font-size:18px; padding-top:250px; color:#000}
.contactbox .ctxt>div{ margin-bottom:5px}
.contactbox .ctxt .eng{ font-size:13px; text-transform:uppercase}
.contactbox .ctxt a{ font-size:18px; color:#666666; font-weight:normal}
.contactbox .ctxt .p1 img{ height:30px}

.about01{ padding:0px 0}
.about01 .bd .aboutvideo{ float:left; width:41.6%; height:375px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;}
.about01 .bd .txt{ float:right; width:54%}
.about01 .bd .txt h3{ font-size:30px; color:#f9bb04; line-height:1.2}
.about01 .bd .txt .line{ width:80px; height:2px; background-color:#cccccc; margin-top:28px; margin-bottom:25px}
.about01 .bd .txt .ms{ line-height:2; font-size:15px}
.about01 .bd .txt .ms p{ text-indent:28px}

.about04{ padding-top:55px; padding-bottom:125px}
.about04 .bdimg{ position:relative; margin-left:-10px; margin-right:-10px}
.about04 .bdimg .slick-arrow{ width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; overflow:hidden; text-indent:-99px; background-color:transparent; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%}
.about04 .bdimg .slick-arrow:hover{ border:1px solid #f9bb04}
.about04 .bdimg .slick-prev{ left:-50px;background-image:url(../images/ico-prev3.png)}
.about04 .bdimg .slick-next{ right:-50px; background-image:url(../images/ico-next3.png)}
.about04 .bdimg .slick-prev:hover{ left:-50px;background-image:url(../images/ico-prev3on.png)}
.about04 .bdimg .slick-next:hover{ right:-50px; background-image:url(../images/ico-next3on.png)}
.about04 .bdimg .item img{ display:block;  display:block; max-width:100%; max-height:100%;}
.about04 .bdimg .item .img{ height:182px; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about04 .bdimg .item a{ display:block; margin:0 10px; border:1px solid #dedede; text-align:center;padding:10px; padding-bottom:0}

.about04 .bdimg .item a h3{ font-size:16px; line-height:45px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 

.about03{ padding-top:70px; padding-bottom:110px; background-color:#f7f7f7}
.about03 .bd{ background-color:#fff; border:1px solid #f2f2f2; height:390px; position:relative}
.about03 ul{ padding-right:640px; padding-left:30px}
.about03 ul li{ height:96px; border-bottom:1px solid #d8d8d8; padding-left:80px; position:relative}
.about03 ul li:last-child{ border-bottom:none}
.about03 ul li .ico{ width:56px; height:56px; position:absolute; z-index:1; left:0;top:50%; margin-top:-28px; background-repeat:no-repeat; background-position:center; background-size:100%}
.about03 ul li .ico-about0301{ background-image:url(../images/ico-about0301.png)}
.about03 ul li .ico-about0302{ background-image:url(../images/ico-about0302.png)}
.about03 ul li .ico-about0303{ background-image:url(../images/ico-about0303.png)}
.about03 ul li .ico-about0304{ background-image:url(../images/ico-about0304.png)}
.about03 ul li .txt{ padding-top:25px;}
.about03 ul li h3{ font-size:20px; font-weight:normal; line-height:1.1; margin-bottom:5px}
.about03 ul li .p{ font-size:16px; color:#999;}
.about03 .img{ position:absolute; z-index:1; right:0;top:0; height:388px; box-shadow:0 0 5px rgba(0,0,0,.5); width:600px}
.about03 .img img{ display:block; width:100%; height:100%}

.contact01{ padding-top:45px; padding-bottom:20px;}
.contact01 .bd{ height:290px; background:url(../images/contact01bg.jpg) no-repeat center; background-size:cover; padding:30px 35px; position:relative; padding-right:200px }
.contact01 .bd ul{ max-width:520px;}
.contact01 .title{ margin-bottom:25px}
.contact01 .title h3{ font-size:30px; color:#f9bb04}
.contact01 .title .p{ color:#999}
.contact01 .cewm{ position:absolute; z-index:1; right:75px;top:60px; text-align:center}
.contact01 .cewm .img{ background-color:#fff; width:170px; height:170px; border:1px solid #e2e2e2; padding:5px; margin-bottom:10px}
.contact01 .cewm .img img{ display:block; width:100%}
.contact01 li{ margin-bottom:10px; padding-left:25px; background-repeat:no-repeat; background-position:left 3px; background-size:20px}
.contact01 li.l1{ background-image:url(../images/ico-c01.png)}
.contact01 li.l2{ background-image:url(../images/ico-c02.png)}
.contact01 li.l3{ background-image:url(../images/ico-c03.png)}
.contact01 li.l4{ background-image:url(../images/ico-c04.png); background-size:18px;background-position:left 6px;}
.contact01 li.l5{ background-image:url(../images/ico-c05.png); background-size:18px;}

 
.contact02 { position:relative; padding-bottom:70px}
.contact02 .weap{ position:relative;overflow:hidden; }
.contact02 .map{ position:absolute; z-index:2; right:440px; left:0;top:0; bottom:0; line-height:1.2;-webkit-box-sizing:inherit !important; box-sizing:inherit !important;}
.contact02 .formlist{ float:right; background-color:#f5f5f5; padding:30px; width:440px;}
.contact02 .formlist .hd{ font-size:18px; color:#f9bb04; font-weight:bold; margin-bottom:30px;}
.contact02 .formlist .hd span{ font-size:12px; margin-left:10px; font-weight:normal}
.contact02 .formlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px}
.contact02 .formlist li .intxt,.contact02 .formlist li .intextarea,.contact02 .formlist li .inbtn{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.contact02 .formlist li .t{ width:40px; line-height:36px;}
.contact02 .formlist li .intxt input{    border: 1px solid #eae9e9;width:100%;height: 36px;padding: 0px 10px;border-radius: 3px; background-color:#fff}
.contact02 .formlist li .intextarea textarea{    border: 1px solid #eae9e9;width:100%;height:135px;padding: 10px;border-radius: 3px;    resize: none;}
.contact02 .formlist li.tis{ text-align:right; font-size:12px; display:block; color:#999; margin-top:-5px;}
.contact02 .formlist li.tis em{ color:#cc0000}
.contact02 .formlist li .inbtn .btn{    border:none;width:100%;height: 36px; border-radius: 3px; text-align:center; color:#fff; background:#f9bb04; cursor:pointer}

.index06{ height:380px; background:url(../images/index06bg.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; padding-top:90px;}
.index06 .p1{ font-size:40px; margin-bottom:20px}
.index06 .p2{ font-size:16px;}
.index06 .more{ margin-top:32px}
.index06 .more a{ display:inline-block;width: 180px;
    height: 46px;
    border: 2px solid #f9bb04;
    line-height: 42px;
    text-align: center;
    color: #f9bb04; font-size:18px; border-radius:42px}
.index06 .more a:hover{ background-color:#f9bb04; color:#fff }

.xlanmuleft{ float:left; width:300px;}
.xlanmuright{ padding-left:350px}

.xsideplo{ line-height:75px; height:75px; background-color:#f9bb04; text-align:center; color:#fff; margin-bottom:1px}
.xsideplo h3{ font-size:24px; font-weight:normal}
	/*侧栏导航*/
    .xside-nav{width:100%;background-color:#ececec;}
    .xside-nav h3{line-height:53px;font-size:18px;margin-bottom:1px;background-color:#f9bb04;}
    .xside-nav h3.on + ul{display:block;}
    .xside-nav h3.on a::after{content:'-';}
    .xside-nav h3 a{position:relative;font-size:inherit;font-weight:normal;color:#fff;padding-left:34px;display:block;}
    .xside-nav h3 a::after{width:49px;text-align:center;position:absolute;font-size:24px;top:0px;right:0px;content:'+';}
    .xside-nav ul{display:none;}
    .xside-nav ul>li{border-bottom:1px solid #ffffff;}
    .xside-nav ul>li>a{line-height:52px;position:relative;padding-left:40px;display:block;}
    .xside-nav ul>li>a:hover{color:#f9bb04;}
    .xside-nav ul>li>a._btn{position:relative;}
    .xside-nav ul>li>a._btn::after{width:49px;text-align:center;position:absolute;font-size:21px;top:0px;right:0px;content:'+';}
    .xside-nav ul>li>a._btn.on::after{content:'-';}
    .xside-nav ul>li>a.on +ul{display:block;}
    .xside-nav ul>li>a::before{text-align:center;font-size:20px;font-family:"宋体";font-weight:bolder;color:#b8b8b8;margin-right:10px;vertical-align:middle;display:inline-block;z-index:2;content:">";}
    .xside-nav ul>li>a:hover::before{color:#f9bb04;}
    .xside-nav ul>li ul{padding-bottom:10px;}
    .xside-nav ul>li ul>li{border-bottom:0;}
    .xside-nav ul>li ul>li>a{line-height:40px;padding-left:60px;}
    .xside-nav ul>li ul>li>a.on{color:#f9bb04;}
    .xside-nav ul>li ul>li>a::before{width:4px;height:4px;background-color:#666666;content:"";}

.xlanmuplo{ border-bottom:1px solid #ebebeb; height:50px; line-height:48px; margin-bottom:30px}
.xlanmuplo h3{ font-weight:normal; font-size:24px; float:left; border-bottom:2px solid #f9bb04; color:#f9bb04}

.xproduct{ padding-top:50px}
.xproduct-list{ margin-bottom:30px}
.xproduct-list ul{ margin:0 -13px;}
.xproduct-list li{ float:left; width:33.33%; margin-bottom:26px;}
.xproduct-list li a{ display:block; margin:0 13px; }
.xproduct-list li .img{ overflow:hidden; height:293px;border:1px solid #d8d8d8}
.xproduct-list li .img img{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; display:block; width:100%; height:100%;object-fit: cover;}
.xproduct-list li a:hover .img img{ transform:scale(1.1)}
.xproduct-list li .txt{ text-align:center; padding:20px 10px; }
.xproduct-list li a:hover .txt{ background-color:#f9bb04; color:#fff;}
.xproduct-list li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.xproduct-list li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xproductpage01{ margin-bottom:50px}
.xproductpage01 .ppage01left{ float:left; width:36%}
.xproductpage01 .bigbox{ border:1px solid #ddd; margin-bottom:10px}
.xproductpage01 .bigbox img{ display:block; width:100%}
.xproductpage01 .smallimg{ position:relative; margin:0 20px;}
.xproductpage01 .smallimg .slick-arrow{ cursor:pointer; display:block; width:18px; background-color:#ededed; position:absolute; z-index:2; border:none; overflow:hidden; text-indent:-999px;top:0; bottom:0}
.xproductpage01 .smallimg .slick-prev{ left:-20px;}
.xproductpage01 .smallimg .slick-prev:before{content:""; display:block;width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #a5a5a5; border-bottom: 6px solid transparent; position:absolute; z-index:1; left:50%; margin-left:-3px;top:50%; margin-top:-6px}
.xproductpage01 .smallimg .slick-prev:hover:before{border-right: 6px solid #767676;}
.xproductpage01 .smallimg .slick-next{right:-20px;}
.xproductpage01 .smallimg .slick-next:before{content:""; display:block;width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #a5a5a5; border-bottom: 6px solid transparent; position:absolute; z-index:1; left:50%; margin-left:-3px;top:50%; margin-top:-6px}
.xproductpage01 .smallimg .slick-next:hover:before{border-left: 6px solid #767676;}		
.xproductpage01 .smallimg .a{ border:1px solid #ddd; margin:0 13px; cursor:pointer; height:100px}
.xproductpage01 .smallimg .slick-current .a{ border:1px solid #f9bb04}
.xproductpage01 .smallimg .a img{ display:block; width:100%; height:100%}
.xproductpage01 .ppage01right{ float:right; width:60%; padding-top:30px;}
.xproductpage01 .ppage01right h1.title{ font-size:31px; line-height:1.1; margin-bottom:30px}
.xproductpage01 .tis{ line-height:2; color:#666; margin-bottom:70px; min-height:184px}
.xproductpage01 .a a{ display:inline-block; width:240px; height:54px; line-height:54px; color:#fff; background-color:#f9bb04; font-size:24px; text-align:center; margin-right:20px;}
.xproductpage01 .a a:hover{ transform:translateY(-5px)}
.xproductpage01 .a{ margin-bottom:40px;}
.xproductpage01 .fx{ padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.xproductpage01 .fx a{ margin-right:10px; display:inline-block; vertical-align:middle; width:25px; height:25px; background-repeat:no-repeat; background-position:center; background-size:100%}
.xproductpage01 .fx .a1{ background-image:url(../images/ico-fx01.png)}
.xproductpage01 .fx .a2{ background-image:url(../images/ico-fx02.png)}
.xproductpage01 .fx .a3{ background-image:url(../images/ico-fx03.png)}
.xproductpage01 .fx .a4{ background-image:url(../images/ico-fx04.png)}
.xproductpage01 .fx .a5{ background-image:url(../images/ico-fx05.png)}

.xproductpage02{ margin-bottom:50px}
.xproductpage02 .hd{ height:70px; background-color:#eeeeee}
.xproductpage02 .hd ul li{ float:left; font-size:26px; line-height:70px; height:70px; text-align:center; width:250px; border-right:5px solid #fff; cursor:pointer}
.xproductpage02 .hd ul li:last-child{ border-right:none}
.xproductpage02 .hd ul li.on{ background-color:#f9bb04; color:#fff}
.xproductpage02 .sub{ padding:25px; color:#666; line-height:1.8; overflow:hidden}
.xproductpage02 .sub img{ max-width:100%; height:auto !important}
.xproductpage02 .sub .fz24{ color:#f9bb04; font-size:24px}

.xproductpage03 .hd{ background-color:#eeeeee; height:48px; line-height:48px; margin-bottom:45px}
.xproductpage03 .hd h3{ float:left; background-color:#f9bb04; width:200px; text-align:center; color:#fff; font-size:20px}

.xproductpage03 .bd ul{ margin:0 -13px;}
.xproductpage03 .bd li{ float:left; width:25%; margin-bottom:26px;}
.xproductpage03 .bd li a{ display:block; margin:0 13px; border:1px solid #d8d8d8}
.xproductpage03 .bd li .img{ overflow:hidden; height:273px}
.xproductpage03 .bd li .img img{ display:block; width:100%; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;object-fit: cover;}
.xproductpage03 .bd li a:hover .img img{ transform:scale(1.1)}
.xproductpage03 .bd li .txt{ background-color:#f9bb04; text-align:center; color:#fff; padding:20px 10px; }
.xproductpage03 .bd li a:hover .txt{ background-color:#003f91}
.xproductpage03 .bd li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.xproductpage03 .bd li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width: 1800px){
.banner{height:42.5vw; }
.banner .item{ height:42.5vw; } 
 
} 
 
 
@media (max-width: 1440px){ 
.lanmumpr .weap{ max-width:1200px}
.productpage{max-width:1200px}
.column .weap{ max-width:1200px;}
}
@media (max-width: 1366px){ 
.about04 .bdimg{ margin-left:50px; margin-right:50px} 
.qm-top .topright{ margin-left:10px}
}
@media (max-width: 1220px){   
 
.index02 .bd .img{ height:24.4vw}
.contact01 .cewm{ right:25px}

.newslist .bd li .img{ width:300px}
.newslist .bd li a{ padding-left:350px}

.designbox{ margin:90px 40px; padding:40px 20px;}
.designbox .title h3{ font-size:50px}
.designbox .title h3 i{ font-size:55px;top:5px}

.about03 .img{ width:500px; height:325px;}
.about03 ul{ padding-right:520px;}
.about03 ul li{ height:80px;}
.about03 .bd{ height:327px}
.about03 ul li .txt{ padding-top:15px}

}
 
@media(max-width:999px){ 
 
.lanmuplo{ font-size:22px; margin-bottom:15px}
.lanmuplo h3{ font-size:22px}
.lanmuplo:after{ width:34px; margin-top:10px}

.lanmunav{ margin-top:0; background:rgba(0,0,0,.1); height:auto; padding:5px;}
.lanmunav ul{ overflow:hidden}
.lanmunav li{ padding:0; margin:0; width:50%; border:none; display:block; float:left}
.lanmunav li a{ font-size:14px; color:#333; display:block; text-align:center; margin:5px; line-height:32px; height:32px; background-color:#fff; border-radius:5px;}
 
.lanmunav li.on a:after{ display:none}

.column .weap{ display:block}
.column ul{ overflow:hidden}
.column .weap h3{ display:none}
.column .weap li a{ height:70px; line-height:70px; font-size:16px}

.lanmumain{ padding-top:50px}
.prevnext .plist{ height:60px; line-height:60px}

.newslist .bd li .txt{ height:200px}
.newslist .bd li a{ padding-right:10px; padding-left:320px}
.newslist .bd li .more{ display:none}
.newslist .bd li .ms h3{ font-size:16px;}

.newslist .bd li .ms{ padding-left:20px; margin-left:20px;}
.qalist .hd{ padding-top:50px}

.xlanmuleft{ float:none; width:auto;}
.xside-nav{ margin-bottom:10px;}
.xlanmuright{ padding-left:0}
 
.xsideplo h3{ text-align:left; padding:0 20px; position:relative}
.xsideplo h3:before{content: ""; display: block; position: absolute; z-index: 2; right: 0; top: 0;bottom:0; width: 50px; text-align: center; font-size: 20px;background:url(../images/ico-prev02.png) no-repeat center; background-size:20px;transform:rotate(-90deg);}
.xside-nav{ display:none}
.xproductpage01 .ppage01left{ float:none; width:auto}
.xproductpage01 .ppage01right{ float:none; width:auto}

.about01{ padding:30px 0}
.about01 .bd{ line-height:1.8; margin-bottom:15px}

.about02{ padding-top:35px}
.about03{ padding-top:30px; padding-bottom:40px}

.about02 .bd li .year{ font-size:18px}
.about02 .bd li:nth-child(1){top:5%}
.about02 .bd li:nth-child(3){top:45%}
.about02 .bd li:nth-child(4){top:80%; left:10%}
.about02 .bd li:nth-child(5){top:3%; left:45%; width:auto}
.about02 .bd li:nth-child(6){top:30% ; left:auto; right:0; width:160px}
.about02 .bd li:nth-child(7){top:65%; width:150px}
.about02 .bd li:nth-child(6):before{ width:25px; height:25px; bottom:-30px}
.about02 .bd li:nth-child(3):before{ width:35px; height:35px; left:-40px}
.about02 .bd li:nth-child(7):before{width:35px; height:35px; left:-40px}

.about03 .bd{ height:auto}
.about03 ul{ padding:0;}
.about03 ul li{ padding-right:10px; padding-left:70px; height:70px}
.about03 ul li .ico{ left:10px; width:45px; height:45px; margin-top:-22px}
.about03 .img{ width:auto; height:auto; position:static}
.about03 ul li h3{ font-size:18px}
.about03 ul li .p{ font-size:14px}

.contact02 .formlist{ width:340px; padding:20px}
.contact02 .map{ right:340px}


}
@media(max-width:766px){
 
.index02 .bd .img{ height:73.2vw}
.go-next-page a{ font-size:15px}
.go-next-page a:before{ height:20px; background-size:auto 20px !important}


.column ul{ margin-left:-10px; margin-right:-10px; padding:5px}
.column .weap li{ margin-left:0; width:50%;}
.column .weap li a{ text-align:center; height:32px; line-height:32px; font-size:14px; margin:2.5px 5px; border-radius:5px}
.column .weap li.on a{ background-color:#333; color:#fff}
.column .weap li.on a:before{ display:none}

.lanmumain{ padding-bottom:40px; padding-top:30px}

.newslist .bd li .date{ display:none}
.newslist .bd li .img{ width:150px}
.newslist .bd li .txt{ height:120px}
.newslist .bd li a{ padding-left:160px}
.newslist .bd li .ms{ margin:0; border-left:none; padding:0}
.newslist .bd li{ margin-bottom:10px}
.lanmumain.lanmumpr{ padding-top:15px}

.pagebox .title{ font-size:24px; margin-bottom:25px}
.pagebox .conn,.pagebox .conn a{ font-size:15px; line-height:1.8}

.qalist .hd h3{ font-size:24px; margin-bottom:10px}
.qalist .hd{ padding-bottom:40px; margin-bottom:20px}
.foldpanel dt{ padding:10px; font-size:15px; padding-right:30px}
.foldpanel dd{ font-size:15px; padding:10px}
.foldpanel dt:before{ width:10px; height:10px}

.productlist .bd li{  width:50%; margin-bottom:10px}
.productlist .bd li a{ margin:0 5px;}
.productlist .bd ul{ margin-left:-5px; margin-right:-5px;}
.productlist .bd li h3{ height:40px; line-height:40px; padding:0 10px; font-size:15px}
.productlist .bd li .img { height:35vw; line-height:35vw}

.attributeslist{ margin-bottom:15px}
.attributeslist .ul{ padding:10px; padding-bottom:5px}
.attributeslist{ font-size:13px;}
.attributeslist a{ font-size:13px}
.attributeslist ul li{ margin-right:5px; margin-bottom:5px}
.attributeslist .ul .t{ font-size:14px; font-weight:bold}

.prevnext{ padding:15px 0}
.productpage{ padding:20px 10px}
.productpage .title{ font-size:22px; margin-bottom:15px}
.productpage .conn,.productpage .conn a{ font-size:15px; line-height:1.8}
.prevnext .prev:before{ display:none}
.prevnext .prev{ font-size:16px; width:80px; flex:0 0 80px}
.prevnext .next{font-size:16px; width:80px; flex:0 0 80px}
.prevnext .plist{ height:40px; line-height:40px; padding:0 10px; font-size:14px}
.prevnext .next:after{ display:none}
.prevnext .plist:before{ width:20px; height:20px}
.productpage .conn{ padding-bottom:35px}
.lanmumain.lanmumprpage{ padding-top:20px}

.designbox{ padding:20px 10px; margin:70px 10px; min-height:80vh}
.designbox .title{ margin-bottom:20px}
.designbox .title h3{ font-size:30px}
.designbox .title h3 i{ font-size:35px;top:3px}
.designbox .title .p span{ font-size:14px; margin:0 20px;}
.designbox .title .p:after, .designbox .title .p:before{ width:50px}
.designbox .hd{ font-size:15px; margin-bottom:30px}
.formlist ul li{ width:100%; margin-bottom:20px}
.qalist .hd{ padding-top:30px}

.banner .slick-dots{ bottom:10px;}
 
 

.plo{ margin-bottom:30px}
.plo h3{ font-size:24px;}
.plo .eng{ font-size:12px; margin-top:5px;}

.index02{ padding:30px 0}
 
 .index02 .hd ul{ font-size:0}
.index02 .hd li{ width:33.33%; padding:5px;}
.index02 .hd li a{ width:100%; min-width:0; font-size:14px; line-height:42px}
.index03{ padding:40px 10px; min-height:100px}
.index03 .paying{ width:40px; height:40px; margin-bottom:15px;}
.index03 .ps{ font-size:14px; text-align:justify; }
.index03 .more{ margin-top:20px}
.index03 .more a{ width:120px; height:32px; line-height:30px}
.index02 .hd{ margin-bottom:20px}
.index02 .bd{ margin:0 20px}
.index02 .bd .slick-arrow{ width:40px; height:40px;}

.index04{ padding:40px 0}
.index04 .bd li{ width:50%; margin-bottom:10px}
.index04 .bd ul{ margin:0 -5px;}
.index04 .bd li a{ margin:0 5px;}
.index04 .bd li .img{ height:60vw}

.about01 .bdimg .item span{ margin:0 5px;}
.about01 .bdimg{ margin-left:-5px; margin-right:-5px}
.about01 .slick-dots{ margin-top:10px; text-align:center}
.about01 .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 3px; background-color:#eee; border-radius:50%}
.about01 .slick-dots li.slick-active{ background-color:#0e3785}
.about01 .slick-dots li button{ display:none}
.contact01 .bd{ padding:15px; height:auto} 
.contact01 .title{ margin-bottom:10px}
.contact01 .title h3{ font-size:20px}
.contact01 .title .p{ font-size:10px}
.contact01 .cewm { right:15px; font-size:12px;top:auto; bottom:25px}
.contact01 .cewm .img{ width:90px; height:90px; margin-bottom:5px; margin:0 auto; padding:0}
.contact01 .cewm p{ display:none}
.contact01{ padding-bottom:20px}
.contact02 .formlist{ float:none; width:auto}
.contact02 .map{ position:static; width:100%; height:300px}

.contactbox{ padding-top:0px; padding-bottom:0}
.contactbox .cformlist{ float:none; width:auto}
.cformlist .hd h3{ font-size:20px}
.cformlist .hd .eng{ font-size:14px}
.cformlist .hd{ max-width:100%; padding-bottom:5px; margin-bottom:15px}
.cformlist ul{ max-width:100%}
.cformlist textarea{ height:120px}
.contactbox .ctxt{ float:none; width:auto; padding-top:20px; padding-bottom:20px}
.contactbox .ctxt{ font-size:16px}
.contactbox .ctxt a{ font-size:16px}


.xsideplo{ height:50px; line-height:50px}
.xsideplo h3{ font-size:18px; padding: 0 10px}
.xlanmuplo h3{ font-size:19px}
.xlanmuright{ margin-top:10px}
.xlanmuplo{ height:42px; line-height:40px; margin-bottom:20px}

.xproduct-list li{ width:50%; margin-bottom:10px}
.xproduct-list li a{ margin:0 5px}
.xproduct-list ul{ margin:0 -5px}
.xproduct-list li .img{ height:40vw}
.xproduct-list li .txt{ padding:10px}
.xproduct{ padding-top:10px}

.lanmunav{ display:none}

.xproductpage{ padding-top:10px}
.xproductpage01 .smallimg .a{ height:20vw}
.xproductpage01 .ppage01right h1.title{ font-size:21px; margin-bottom:10px}
.xproductpage01 .tis{ margin-bottom:20px; line-height:1.8}
.xproductpage01 .a a{ font-size:15px; width:120px; height:40px; line-height:40px; margin:0 10px}
.xproductpage01 .a{ text-align:center}
.xproductpage01 .fx a{ width:20px; height:20px}
.xproductpage01{ margin-bottom:25px}
.xproductpage02 .hd ul li{ width:auto; height:40px; line-height:40px; font-size:16px; padding:0 20px}
.xproductpage02 .hd{ height:40px;}
.xproductpage02 .sub{ padding:10px 0}
.xproductpage02 .sub .fz24{ font-size:20px}
.xproductpage03 .hd h3{ font-size:16px; padding:0 20px; width:auto}
.xproductpage03 .hd{ height:40px; line-height:40px; margin-bottom:15px}
.xproductpage03 .bd li{ width:50%; margin-bottom:10px;}
.xproductpage03 .bd ul{ margin:0 -5px}
.xproductpage03 .bd ul li a{ margin:0 5px;}
.xproductpage03 .bd li .img{ height:40vw}
.xproductpage03 .bd li .txt{ padding:10px}

.about01 .bd .aboutvideo{ float:none; width:auto; height:50vw; margin-bottom:10px}
.about01 .bd .txt{ float:none; width:auto}
.about01 .bd .txt h3{ font-size:20px;}
.about01 .bd .txt .line{ margin:15px 0; width:60px}
.about01 .bd .txt .ms{ line-height:1.8}

.about04{ padding-top:30px; padding-bottom:50px}

.index01 .bd li{ width:50%; margin-bottom:10px}
.index01 .bd li:nth-child(5){ width:100%}
.index01 .bd li a{ margin:0 5px}
.index01 .bd li .img{ height:60vw}
.index01 .bd li .title{ height:55px; font-size:16px}
.index01 .bd li .title h3{font-size:16px}

.index06 .p1{ font-size:20px}
.index06 .p2{ font-size:14px}
.index06{ height:auto; padding:30px 0}

.index04 .bd li{ width:100%}

.index05{ padding:40px 0}
.index05 .plo{ margin-bottom:20px}
.index05 .more{ margin-top:20px}
.index05 .bd li{ width:31.33% !important; margin:0 1% !important; margin-bottom:10px !important; height:80px;    transform: rotate(0deg); margin-bottom:10px}
.index05 .bd li .a{ }

.index055{ padding:40px 0}
.index055 .plo{ margin-bottom:20px}
.index055 .more{ margin-top:20px}
.index055 .bd li{ width:31.33% !important; margin:0 1% !important; margin-bottom:10px !important; height:80px;    transform: rotate(0deg); margin-bottom:10px}
.index055 .bd li .a{ }
.index06 .more a{ height:40px; line-height:38px; font-size:14px}
.index03 .more a{ font-size:14px}
}
@media(max-width:540px){
.index02 .hd li{ width:50%}
}